<!-- 专辑里面的详细 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE HTML>
	<html>

	<head>
		<meta charset="utf-8">
		<link href="${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css"rel="stylesheet">
		<link href='${pageContext.request.contextPath}/css/designer/special.css' rel="stylesheet">
		<link rel='stylesheet prefetch' href='${pageContext.request.contextPath}/css/designer/addSpecial.css'>
		<link href="${pageContext.request.contextPath}/css/common/page.css" rel="stylesheet">
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/kissy.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/waterfall.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/loader.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/common/base.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/designer/designer_clothes.js"></script>
		
		
		<title></title>

	</head>

	<body>
	<div id="container">
			<c:forEach var="data" items="${json.list}" varStatus="status">
				<div class="ks-waterfall">
					<div class="special">
					    <div class="abs special_left">
					    	<a href="${pageContext.request.contextPath }/design/show_design_detail.do?design_id=${data.id}">
						    <img src="${pageContext.request.contextPath}/${data.effect_url}">
						    </a>
						</div>
						<div class="abs special_right" style="display: block;">
						    <a class="delete" href="javascript:;"></a>
						    <a class="modify" href="${pageContext.request.contextPath }/design/deal_modifyDesign.do?design_id=${data.id}"></a>
						</div>
						<div class="twoinput">
							<input class="t" readonly value="${data.name }"  />
						</div>
					</div>
				</div>
				<input type="hidden" class="design_id" value="${data.id}"/>
			</c:forEach>
			<!--删除弹出框-->
			<div class="hide-body-delete">
				<div class="close-window-delete">
					<!-- 关闭窗口，也就是触发关闭div的事件-->
					<a href="javascript:;" title="关闭" class="close-delete">×</a>
					<h5>删除作品</h5>
				</div>
				<!-- 中间主体显示div 可以增加其他的样式-->
				<div class="login-body dform">
					<form class="signin" name="loginform" action="" method="post">
						<ol>
							<li>
								<label for="username">确定删除?</label>
							</li>
							<li>
								<input class="btn btn-primary delbtn" type="button" name="submit" value="确定 " />
							</li>
						</ol>
					</form>
				</div>
			</div>
			<div class="body-delete"></div>
			<!--删除弹出框结束-->
		
		<script>
			KISSY.use("waterfall,ajax,node", function(S, Waterfall, io, Node) {
				var $ = Node.all;
				var waterfall = new Waterfall({
					container: "#container",
					minColCount: 2,
					colWidth: 190,
					align: "justify"
				});
			});
		</script>
		</div>
		<!--分页-->
			<div class="paging">
			    <div style="display: none;">
				    <span class="pages">${json.property.pageCount}</span>  <!--页数-->  
			        <span class="pageIndex">${json.property.pageIndex}</span>  <!--当前页码-->  
			        <span class="pagesize">${json.property.pageSize}</span>   <!--每页记录数--> 
			        <span class="pageMaxsize">10</span>   <!--每页最多记录数--> 
			        <span class="specialId">${json.list[0].special_code}</span>   <!--专辑ID--> 
			        <span class="hasNext">${json.property.hasNext}</span>   <!--是否有下一页(boolean)-->  
			        <span class="delete_url">/design/deleteDesign.do</span><!-- 删除专辑的url 参数为id-->
			        <span class="reload_url">/special/special_detail.do</span><!-- 重新加载页面的路径，无需参数！！！ -->
			        <span class="update_url">/special/updateSpecial.do</span><!-- 修改专辑的url，参数：id(专辑的id) designer_id(设计师id) name（专辑的新名字） -->
			        <span class="commonUrl">${pageContext.request.contextPath}</span>   <!--绝对路径-->
			    </div>
			    <div class="showPaging">
			        <a class="prev" href="javascript:;">
					上一页</a> 
				<select class="pageNum">
					<option value="0">请选择跳转的页数</option>
					<option value="1">第1页</option>
				</select> 
				<a class="next" href="javascript:;">
					下一页</a>
			    </div>
			</div>
			
			<!--分页结束-->
			</body>
	</html>